<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>理想生活上天猫</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/search.css">
    <link rel="stylesheet" href="/libs/iconfont/iconfont.css">
    <link rel="shortcut icon" href="//img.alicdn.com/tfs/TB1XlF3RpXXXXc6XXXXXXXXXXXX-16-16.png">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
</head>
<body>
    <!-- header -->
    <header></header>
    <!-- name -->
    <div class="name">
        <div class="name-con">
            <div class="left">
                <img src="/images/login-logo.png" alt="">
            </div>
            <div class="right">
                <select>
                    <option value="宝贝">宝贝</option>
                    <option value="店铺">店铺</option>
                </select>
                <input type="text" id="searchTxt">
                <button class="searchBtn" id="searchBtn">搜索</button>
            </div>
        </div>
    </div>
    <!-- select -->
    <div class="select">
        <div class="select-con" id="giftList">
        </div>
            <script type="text/html" id="giftListTemplate">
                {{each list item}}
                <a href='/html/category.html?id={{item.id}}#start=0' target="_blank">
                    <div class="imgBox">
                        <img src="{{item.imageUrl}}" alt="">
                    </div>
                    <p>{{item.name}}</p>
                </a>
                {{/each}}
            </script>
    </div>
    <div class="boxShow"></div>
    <!-- goodsList -->
    <div class="goodsList">
        <div class="goodsList-con">
            <div class="sort">
                <div>综合排序</div>
                <div>价格最低</div>
                <div>销量最高</div>
            </div>
            <ul id="goodsClassify">
            </ul>
                <script type="text/html" id="goodsClassifyTemplate">
                    {{each list shop}}
                    <li><a href="/html/detail.html?id={{shop.id}}"><div class="imgBox"><img src={{shop.image}} alt=""></div><div class="price"><p>￥</p><i>{{shop.price}}</i></div>
                        {{if shop.title.length>20}}
                        <em>{{shop.title.slice(0,20)}}</em>
                        {{else}}
                        <em>{{shop.title}}</em>
                        {{/if}}
                        <span>{{shop.saleNum}}人已买</span>
                    </a></li>
                    {{/each}}
                </script>
        </div>
    </div>
    <div class="page">
        <div class="page-con">
            <ul class="pages" id="pages"></ul>
        </div>
    </div>
    <!-- footer -->
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/search"></script>
</html>